<!DOCTYPE html>
<html lang="en">

    <head>

        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>约健</title>

        <!-- CSS -->
        <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:400,100,300,500">        
        <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
        <link rel="stylesheet" href="assets/font-awesome/css/font-awesome.min.css">
        <link rel="stylesheet" href="assets/css/animate.css">
		<link rel="stylesheet" href="assets/css/form-elements.css">
        <link rel="stylesheet" href="assets/css/style.css">
        <link rel="stylesheet" href="assets/css/media-queries.css">

        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
            <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
            <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
    </head>

    <body>
    
        <!-- Loader -->
    	<div class="loader">
    		<div class="loader-img"></div>
    	</div>

		<!-- Top menu -->
		<nav class="navbar navbar-inverse navbar-fixed-top navbar-no-bg" role="navigation">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#top-navbar-1">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="index.html">约健</a>
				</div>
				<!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse" id="top-navbar-1">
					<ul class="nav navbar-nav navbar-right">
						<li><a class="scroll-link" href="#top-content">Top</a></li>
						<li><a class="scroll-link" href="#features">特征</a></li>
						<li><a class="scroll-link" href="#how-it-works">玩转平台</a></li>
						<li><a class="scroll-link" href="#testimonials">客户推荐</a></li>
						<li><a class="scroll-link" href="#about-us">关于我们</a></li>
					</ul>
				</div>
			</div>
		</nav>

        <!-- Top content -->
        <div class="top-content">
        	
            <div class="inner-bg">
                <div class="container">
                	
                    <div class="row">
                        <div class="col-sm-8 col-sm-offset-2 text">
                            <h1 class="wow fadeInLeftBig">史上最帅 <strong>健身平台</strong></h1>
                            <div class="description wow fadeInLeftBig">
                            	<p>
	                            	这是一个不可思议的网站，令人挥汗淋漓的平台。
	                            	这里可以用你不相信的价格，给你最完美的身材。
                            	</p>
                            </div>
                            <div class="top-big-link wow fadeInUp">
                            	<a class="btn btn-link-2 scroll-link" href="#features">了解更多</a>
                            </div>
                        </div>
                    </div>
                    
                </div>
            </div>
            
        </div>
        <!-- Features -->
        <div class="features-container section-container">
	        <div class="container">
	            <div class="row">
	                <div class="col-sm-12 features section-description wow fadeIn">
	                    <h2><strong>最佳</strong> 特征</h2>
	                    <div class="divider-1 wow fadeInUp"><span></span></div>
	                </div>
	            </div>
	            <div class="row">
                	<div class="col-sm-4 features-box wow fadeInUp">
	                	<div class="features-box-icon">
	                		<i class="fa fa-magic"></i>
	                	</div>
	                    <h3>操作便捷</h3>
	                    <p>我们的产品功能齐全，操作便捷。用起来如鱼得水，如虎添翼。让您生意兴隆、财源广进。</p>
                    </div>
                    <div class="col-sm-4 features-box wow fadeInDown">
	                	<div class="features-box-icon">
	                		<i class="fa fa-thumbs-o-up"></i>
	                	</div>
	                    <h3>人性化设计</h3>
	                    <p>产品经理深耕市场，体察民情，呕心沥血之作，只为您能一目了然，成竹在胸。</p>
                    </div>
                    <div class="col-sm-4 features-box wow fadeInUp">
	                	<div class="features-box-icon">
	                		<i class="fa fa-cog"></i>
	                	</div>
	                    <h3>应有尽有</h3>
	                    <p>老板鞠躬尽瘁，马不停蹄的服务于我们的客户。您的需求就是我们的目标。</p>
                    </div>
	            </div>
	            <div class="row">
	            	<div class="col-sm-12 section-bottom-button wow fadeInUp">
                        <a class="btn btn-link-1 scroll-link" href="#more-features">了解更多</a>
	            	</div>
	            </div>
	        </div>
        </div>

		<!-- More features -->
        <div class="more-features-container section-container section-container-gray-bg">
	        <div class="container">
	            <div class="row">
	                <div class="col-sm-12 more-features section-description wow fadeIn">
	                    <h2><strong>更多</strong> 特征</h2>
	                    <div class="divider-1 wow fadeInUp"><span></span></div>
	                </div>
	            </div>
	            <div class="row">
	            	<div class="col-sm-5 more-features-box wow fadeInLeft">
	                    <img src="assets/img/devices/iphone@2x.png" alt="" width="311">
	                </div>
	                <div class="col-sm-7 more-features-box wow fadeInUp">
	                	
	                    <div class="more-features-box-text">
	                    	<div class="more-features-box-text-icon">
	                    		<i class="fa fa-paperclip"></i>
	                    	</div>
	                    	<h3>一目了然</h3>
	                    	<div class="more-features-box-text-description">
	                    		打开APP，附近的健身房分布一目了然。
	                    	</div>
	                    </div>
	                    <div class="more-features-box-text">
	                    	<div class="more-features-box-text-icon">
	                    		<i class="fa fa-user"></i>
	                    	</div>
	                    	<h3>量身定制</h3>
	                    	<div class="more-features-box-text-description">
	                    		专为用户量身定制，用的很舒心，健身更开心。
	                    	</div>
	                    </div>
	                    <div class="more-features-box-text">
	                    	<div class="more-features-box-text-icon">
	                    		<i class="fa fa-pencil"></i>
	                    	</div>
	                    	<h3>信息齐全</h3>
	                    	<div class="more-features-box-text-description">
	                    		每天的运动轨迹记录在册，卡路里边玩边减。
	                    	</div>
	                    </div>
	                    <div class="more-features-box-text">
	                    	<div class="more-features-box-text-icon">
	                    		<i class="fa fa-twitter"></i>
	                    	</div>
	                    	<h3>社交化</h3>
	                    	<div class="more-features-box-text-description">
	                    		社交化设计，约上朋友一起互勉。
	                    	</div>
	                    </div>
	                    
	                </div>
	            </div>
	        </div>
        </div>
        
        
        <!-- How it works -->
        <div class="how-it-works-container section-container section-container-image-bg">
	        <div class="container">
	            <div class="row">
	                <div class="col-sm-12 how-it-works section-description wow fadeIn">
	                    <h2><strong>玩转</strong> 平台</h2>
	                    <div class="divider-1 wow fadeInUp"><span></span></div>
	                </div>
	            </div>
	            <div class="row">
                	<div class="col-sm-4 col-sm-offset-1 how-it-works-box wow fadeInUp">
	                	<div class="how-it-works-box-icon">1</div>
	                    <h3>注册</h3>
	                    <p>手机号码注册，方便安全快捷。</p>
                    </div>
                    <div class="col-sm-4 col-sm-offset-2 how-it-works-box wow fadeInDown">
	                	<div class="how-it-works-box-icon">2</div>
	                    <h3>完善信息</h3>
	                    <p>姓甚名谁有身份。</p>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-4 col-sm-offset-1 how-it-works-box wow fadeInUp">
	                	<div class="how-it-works-box-icon">3</div>
	                    <h3>发布信息</h3>
	                    <p>健身卡闲置时间能换钱。</p>
                    </div>
                    <div class="col-sm-4 col-sm-offset-2 how-it-works-box wow fadeInDown">
	                	<div class="how-it-works-box-icon">4</div>
	                    <h3>玩转平台</h3>
	                    <p>平台功能千千万，看你爱不爱。</p>
                    </div>
	            </div>
	            <div class="row">
	            	<div class="col-sm-12 section-bottom-button wow fadeInUp">
                        <a class="btn btn-link-1 scroll-link" href="#top-content">现在注册</a>
	            	</div>
	            </div>
	        </div>
        </div>
        
        <!-- Testimonials -->
        <div class="testimonials-container section-container">
	        <div class="container">
	            <div class="row">
	                <div class="col-sm-12 testimonials section-description wow fadeIn">
	                    <h2><strong>客户</strong> 推荐</h2>
	                    <div class="divider-1 wow fadeInUp"><span></span></div>
	                </div>
	            </div>
	            <div class="row">
	                <div class="col-sm-10 col-sm-offset-1 testimonial-list wow fadeInUp">
	                	<div role="tabpanel">
	                		<!-- Tab panes -->
	                		<div class="tab-content">
	                			<div role="tabpanel" class="tab-pane fade in active" id="tab1">
	                				<div class="testimonial-image">
	                					<img src="assets/img/testimonials/1.jpg" alt="" data-at2x="assets/img/testimonials/1.jpg">
	                				</div>
	                				<div class="testimonial-text">
		                                <p>
		                                	"哇塞，真的是贼好用拉，平常办个年卡，死贵死贵的，去了几次坚持不下去，就闲置在家，<br />这个平台竟然可以用闲置时间的换钱，简直不可思议。"<br>
		                                	<a href="#">健身持卡者  王热情</a>
		                                </p>
	                                </div>
	                			</div>
	                			<div role="tabpanel" class="tab-pane fade" id="tab2">
	                				<div class="testimonial-image">
	                					<img src="assets/img/testimonials/3.jpg" alt="" data-at2x="assets/img/testimonials/2.jpg">
	                				</div>
	                				<div class="testimonial-text">
		                                <p>
		                                	"我就是传说中的私教啦，虽然我身材好，时薪高，但是不稳定啊，经常几天不开张，<br />这个平台极大提高了大家的健身积极性，忙的我不可开交。"<br>
		                                	<a href="#">健身房私教 王教练</a>
		                                </p>
	                                </div>
	                			</div>
	                			<div role="tabpanel" class="tab-pane fade" id="tab3">
	                				<div class="testimonial-image">
	                					<img src="assets/img/testimonials/2.jpg" alt="" data-at2x="assets/img/testimonials/3.jpg">
	                				</div>
	                				<div class="testimonial-text">
		                               <p>
		                                	"辛辛苦苦创业，最怕人流量少，辛苦到头不挣钱。平台用最低廉的价格帮我们引进流量，<br />客户质量好，转化率高。简直就是健身平台的福音。"<br>
		                                	<a href="#">健身房开拓者 王老板</a>
		                                </p>
	                                </div>
	                			</div>
	                			<div role="tabpanel" class="tab-pane fade" id="tab4">
	                				<div class="testimonial-image">
	                					<img src="assets/img/testimonials/4.jpg" alt="" data-at2x="assets/img/testimonials/4.jpg">
	                				</div>
	                				<div class="testimonial-text">
		                                <p>
		                                	"我就是传说中的屌丝健身者了，工资一丢丢，对于健身房只能望洋兴叹了，<br />这个平台9.9就能去健身房，你说厉害不厉害。怒赞！"<br>
		                                	<a href="#">健身热情者 王大壮</a>
		                                </p>
	                                </div>
	                			</div>
	                		</div>
	                		<!-- Nav tabs -->
	                		<ul class="nav nav-tabs" role="tablist">
	                			<li role="presentation" class="active">
	                				<a href="#tab1" aria-controls="tab1" role="tab" data-toggle="tab"></a>
	                			</li>
	                			<li role="presentation">
	                				<a href="#tab2" aria-controls="tab2" role="tab" data-toggle="tab"></a>
	                			</li>
	                			<li role="presentation">
	                				<a href="#tab3" aria-controls="tab3" role="tab" data-toggle="tab"></a>
	                			</li>
	                			<li role="presentation">
	                				<a href="#tab4" aria-controls="tab4" role="tab" data-toggle="tab"></a>
	                			</li>
	                		</ul>
	                	</div>
	                </div>
	            </div>
	        </div>
        </div>
        
        <!-- Call to action -->
        <div class="call-to-action-container section-container section-container-image-bg">
	        <div class="container">
	            <div class="row">
	                <div class="col-sm-12 call-to-action section-description wow fadeInLeftBig">
	                    <h2><strong>行动</strong> 呼吁</h2>
	                    <div class="divider-1 wow fadeInUp"><span></span></div>
	                    <p>
	                    	年纪轻轻，就身宽体胖？ 三十还没立，就三高在旁？<br />
	                    不！我们要矫健身姿，不要步履蹒跚。
	                    </p>
	                </div>
	            </div>
	            <div class="row">
	            	<div class="col-sm-12 section-bottom-button wow fadeInUp">
                        <a class="btn btn-link-1 scroll-link" href="#top-content">现在加入</a>
	            	</div>
	            </div>
	        </div>
        </div>
        
        <!-- About us -->
        <div class="about-us-container section-container">
	        <div class="container">
	            <div class="row">
	                <div class="col-sm-12 about-us section-description wow fadeIn">
	                    <h2><strong>关于</strong> 我们</h2>
	                    <div class="divider-1 wow fadeInUp"><span></span></div>
	                </div>
	            </div>
	            <div class="row">
	            	<div class="col-sm-7 great-support-box wow fadeInLeft">
	                    <div class="great-support-box-text great-support-box-text-left">
	                    	<h3>江飞联健</h3>
	                    	<p class="medium-paragraph">
	                    		经营范围
	                    	</p>
	                    	<p>
	                    	互联网信息服务；计算机网络工程的设计、施工；计算机应用软件系统技术、网络技术的技术开发、技术转让、技术服务；通信设备（不含卫星电视广播地面接收设施）的研发、生产、销售及技术服务；广告的设计、制作、代理、发布（须经审批项目除外）；货物与技术的进出口经营（国家限制、禁止和须经审批进出口的货物和技术除外）；信息系统集成；软件开发；数字监控工程、智能化大厦布线系统工程、多媒体系统工程、信息系统工程、装饰装修工程的设计、施工；计算机软硬件产品、电子产品、仪器仪表、机电设备、自动化控制设备的研发及销售；房屋租赁。(依法须经批准的项目，经相关部门批准后方可开展经营活动)
	                    	</p>
	                    </div>
	                </div>
	                <div class="col-sm-5 great-support-box wow fadeInUp">
	                    <img src="assets/img/devices/pc@2x.png" alt="">
	                </div>
	            </div>
	        </div>
        </div>

        <!-- Footer -->
        <footer>
	        <div class="container">
	        
	            <div class="row">
                    <div class="col-sm-12 footer-copyright">
                    	Copyright ©  版权所有 <a href="#" target="_blank" title="陕西江飞联健信息技术有限公司">陕西江飞联健信息技术有限公司</a> 
                    </div>
                </div>
	        </div>
        </footer>


        <!-- Javascript -->
        <script src="assets/js/jquery-1.11.1.min.js"></script>
        <script src="assets/bootstrap/js/bootstrap.min.js"></script>
        <script src="assets/js/jquery.backstretch.min.js"></script>
        <script src="assets/js/wow.min.js"></script>
        <script src="assets/js/retina-1.1.0.min.js"></script>
        <script src="assets/js/waypoints.min.js"></script>
        <script src="assets/js/scripts.js"></script>
        
        <!--[if lt IE 10]>
            <script src="assets/js/placeholder.js"></script>
        <![endif]-->

    </body>

</html>